<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>消息通知</title>
		<link href="CSS/style02.css" rel="stylesheet" type="text/css"/>
		<link href="CSS/head.css" rel="stylesheet" type="text/css"/>
		<link href="CSS/foot (1).css" rel="stylesheet" type="text/css"/>
		<script type="text/javascript" src="JS/jquery-3.1.0.js" ></script>
		<script type="text/javascript" src="JS/head.js"></script>
		<script>
			function setWidth(){
				var h = document.body.clientWidth;
				document.getElementById("container").style.width=h+"px";
			}
 </script>

	</head>
	<body onload="setWidth()" bgcolor="#f5f5f5">
	<div id="container">
		<!--这是头部-->
        <div id="header">
		
		<!--头部-->
     <div class="head_box">
         <div id="head_wrap">
             <div id="head_nav">
             	<!--头部链接-->
                 <a class="head_nav_a">小米网</a>
                 <span>|</span>
                 <a class="head_nav_a">MIUI</a>
                 <span>|</span>
                 <a class="head_nav_a">IoT</a>
                 <span>|</span>
                 <a class="head_nav_a">云服务</a>
                 <span>|</span>
                 <a class="head_nav_a">金融</a>
                 <span>|</span>
                 <a class="head_nav_a">有品</a>
                 <span>|</span>
                 <a class="head_nav_a">小爱开发平台</a>
                 <span>|</span>
                 <a class="head_nav_a">企业团购</a>
                 <span>|</span>
                 <a class="head_nav_a">资质证照</a>
                 <span>|</span>
                 <a class="head_nav_a">协议规则</a>
                 <span>|</span>
                 <a class="head_nav_a">下载app</a>
                 <span>|</span>
                 <a class="head_nav_a" id="Select_Region_but">Select Region</a>
             </div>
             <!--头部右边部分-->
             <div id="head_right">
             	<!--登录与注册-->
                 <div id="head_landing">
                     <a class="head_nav_a">登陆</a>
                     <span>|</span>
                     <a class="head_nav_a">注册</a>
                 </div>
                 <!--购物车-->
                 <div id="head_car">
                     <a class="head_car_text">购物车（0）</a><!--因为特殊原因，此处无购物效果-->
                     <div id="car_content" style="height: 0px;width:0px ;background-color: #edffc6;z-index: 999">
                         <a class="car_text"></a>
                     </div>
                 </div>
             </div>
         </div>
     </div>
    <!--主头部-->
     <div id="main_head_box">
         <div id="menu_wrap">
             <div id="menu_logo">
                 <img src="img/mi-logo.png">
             </div>
             <!--菜单导航-->
             <div id="menu_nav">
                 <ul>
                     <li class="menu_li" control="xiaomiphone">小米手机</li>
                     <li class="menu_li" control="hongmiphone">Redmi&nbsp;红米</li>
                     <li class="menu_li" control="tv">电视</li>
                     <li class="menu_li" control="bijiben">笔记本</li>
                     <li class="menu_li" control="jiadian">家电</li>
                     <li class="menu_li" control="luyou">路由器</li>
                     <li class="menu_li" control="yingjian">智能硬件</li>
                     <li><a>服务</a></li>
                     <li><a>社区</a></li>
                 </ul>
             </div>
             <!--搜索框-->
             <div id="find_wrap">
             	<!--扫描-->
                 <div id="find_bar">
                     <input type="text" id="find_input">
                 </div>
                 <div id="find_but">GO</div>
             </div>
         </div>
     </div>
     <!--菜单导航栏的下拉框-->
     <div id="menu_content_bg" style="height: 0px;">
         <div id="menu_content_wrap">
             <ul style="top: 0px;">
                 <li id="xiaomiphone">
                     <div class="menu_content">
                         <img src="img/head_xiaomi_1.jpg">
                         <p class="menu_content_tit">小米CC9</p>
                         <p class="menu_content_price">1799元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_xiaomi_2.jpg">
                         <p class="menu_content_tit">小米CC9e</p>
                         <p class="menu_content_price">1299元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_xiaomi_3.jpg">
                         <p class="menu_content_tit">小米CC9美图定制版</p>
                         <p class="menu_content_price">2599元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_xiaomi_4.png">
                         <p class="menu_content_tit">小米9</p>
                         <p class="menu_content_price">2799元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_xiaomi_5.jpg">
                         <p class="menu_content_tit">小米8&nbsp;屏幕指纹版</p>
                         <p class="menu_content_price">1799元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_xiaomi_5.png">
                         <p class="menu_content_tit">小米MAX&nbsp;3</p>
                         <p class="menu_content_price">2999元起</p>
                     </div>
                 </li>
                 <li id="hongmiphone">
                     <div class="menu_content">
                         <img src="img/head_hongmi_1.jpg">
                         <p class="menu_content_tit">Redmi&nbsp;K20&nbsp;Pro</p>
                         <p class="menu_content_price">2499元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_hongmi_2.jpg">
                         <p class="menu_content_tit">Redmi&nbsp;K20</p>
                         <p class="menu_content_price">1999元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_hongmi_3.jpg">
                         <p class="menu_content_tit">Redmi&nbsp;7A</p>
                         <p class="menu_content_price">549元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_hongmi_4.jpg">
                         <p class="menu_content_tit">Redmi&nbsp;Note&nbsp;7&nbsp;Pro</p>
                         <p class="menu_content_price">1499元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_hongmi_5.png">
                         <p class="menu_content_tit">Redmi&nbsp;Note&nbsp;7</p>
                         <p class="menu_content_price">999元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_hongmi_6.png">
                         <p class="menu_content_tit">Redmi&nbsp;7</p>
                         <p class="menu_content_price">699元</p>
                     </div>
                 </li>
                 <li id="tv">
                     <div class="menu_content">
                         <img src="img/head_tv_1.jpg">
                         <p class="menu_content_tit">小米壁画电视&nbsp;65英寸</p>
                         <p class="menu_content_price">6999元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_tv_2.jpg">
                         <p class="menu_content_tit">小米全屏电视E55A</p>
                         <p class="menu_content_price">1999元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_tv_3.png">
                         <p class="menu_content_tit">小米电视4A&nbsp;32英寸</p>
                         <p class="menu_content_price">699元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_tv_4.jpg">
                         <p class="menu_content_tit">小米电视4A&nbsp;55英寸</p>
                         <p class="menu_content_price">1899元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_tv_5.jpg">
                         <p class="menu_content_tit">小米电视4A&nbsp;65英寸</p>
                         <p class="menu_content_price">2899元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_tv_6.png">
                         <p class="menu_content_tit">查看全部</p>
                         <p class="menu_content_price">小米电视</p>
                     </div>
                 </li>
                  <li id="bijiben">
                     <div class="menu_content">
                         <img src="img/head_bijiben_1.png">
                         <p class="menu_content_tit">RedmiBook&nbsp;14</p>
                         <p class="menu_content_price">3999元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_bijiben_2.png">
                         <p class="menu_content_tit">小米笔记本 Air 12.5"</p>
                         <p class="menu_content_price">3599元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_bijiben_3.png">
                         <p class="menu_content_tit">小米笔记本 Air 13.3"</p>
                         <p class="menu_content_price">4599元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_bijiben_4.png">
                         <p class="menu_content_tit">小米笔记本 15.6"</p>
                         <p class="menu_content_price">2899元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_bijiben_5.png">
                         <p class="menu_content_tit">小米笔记本 Pro 15.6"</p>
                         <p class="menu_content_price">4999元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_bijiben_6.png">
                         <p class="menu_content_tit">小米游戏本</p>
                         <p class="menu_content_price">6999元</p>
                     </div>
                 </li>
                 <li id="jiadian">adian                                                                                                                          <div class="menu_content">
                         <img src="img/head_jiadian_1.png">
                         <p class="menu_content_tit">米家互联网空调（一级能效）</p>
                         <p class="menu_content_price">2199元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_jiadian_2.png">
                         <p class="menu_content_tit">米家互联网洗烘一体机 10kg</p>
                         <p class="menu_content_price">1999元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_jiadian_3.jpg">
                         <p class="menu_content_tit">Redmi全自动波轮洗衣机1A</p>
                         <p class="menu_content_price">699元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_jiadian_4.jpg">
                         <p class="menu_content_tit">小米净水器</p>
                         <p class="menu_content_price">1999元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_jiadian_5.jpg">
                         <p class="menu_content_tit">米家扫地机器人</p>
                         <p class="menu_content_price">1699元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_jiadian_6.jpg">
                         <p class="menu_content_tit">烟灶套装</p>
                         <p class="menu_content_price">1999元</p>
                     </div>
                 </li>
                 <li id="luyou">
                     <div class="menu_content">
                         <img src="img/head_luyou_1.jpg">
                         <p class="menu_content_tit">小米路由器 Mesh</p>
                         <p class="menu_content_price">999元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_luyou_2.jpg">
                         <p class="menu_content_tit">小米路由器4A 千兆版</p>
                         <p class="menu_content_price">169元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_luyou_3.jpg">
                         <p class="menu_content_tit">小米路由器 4C</p>
                         <p class="menu_content_price">99元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_luyou_4.jpg">
                         <p class="menu_content_tit">小米路由器4A</p>
                         <p class="menu_content_price">119元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_luyou_5.jpg">
                         <p class="menu_content_tit">小米路由器 HD/Pro</p>
                         <p class="menu_content_price">499元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_luyou_6.png">
                         <p class="menu_content_tit">查看全部小米路由器</p>
                        
                     </div>
                 </li>
                 <li id="yingjian">
                     <div class="menu_content">
                         <img src="img/head_zhineng_1.jpg">
                         <p class="menu_content_tit">小米米家智能摄像机云台版</p>
                         <p class="menu_content_price">189元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_zhineng_2.jpg">
                         <p class="menu_content_tit">小米小爱老师</p>
                         <p class="menu_content_price">499元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_zhineng_3.jpg">
                         <p class="menu_content_tit">小米米家智能门锁</p>
                         <p class="menu_content_price">1299元起</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_zhineng_4.jpg">
                         <p class="menu_content_tit">小米小爱触屏音箱</p>
                         <p class="menu_content_price">249元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_zhineng_5.jpg">
                         <p class="menu_content_tit">小爱万能遥控版</p>
                         <p class="menu_content_price">199元</p>
                     </div>
                     <span class="menu_content_line"></span>
                     <div class="menu_content">
                         <img src="img/head_zhineng_6.jpg">
                         <p class="menu_content_tit">查看全部
                             <br>智能硬件</p>
                     </div>
                 </li>
             </ul>
         </div>
     </div>
			
		</div>
		<!--这是内容区域-->
		<div id="content">
			<div class="content2">
				<span class="content3">首页>消息通知</span>
			</div>
			<div class="content1">
				<div class="content4">
					<div class="content5">
							<ul>
							<h3 class="content6">订单中心</h3>
							<li class="content7"><a href="#" class="content8">我的订单</a></li>
							<li class="content7"><a href="#" class="content8">团购订单</a></li>
							<li class="content7"><a href="#" class="content8">评价晒单</a></li>
							<li class="content7"><a href="#" class="content8">花费充值订单</a></li>
							<li class="content7"><a href="#" class="content8">以旧换新订单</a></li>
						</ul>
					</div>
					<div class="content9">
					<ul>
						<h3 class="content6">个人中心</h3>
						<li class="content7"><a href="personCenter1.jsp" class="content8">我的个人中心</a></li>
						<li class="content7"><a href="Newstz.jsp" class="content8">消息通知</a></li>
						<li class="content7"><a href="#" class="content8">购买资格</a></li>
						<li class="content7"><a href="#" class="content8">现金账户</a></li>
						<li class="content7"><a href="#" class="content8">小米礼品卡</a></li>
						<li class="content7"><a href="#" class="content8">现金劵</a></li>
						<li class="content7"><a href="#" class="content8">喜欢的商品</a></li>
						<li class="content7"><a href="#" class="content8">优惠劵</a></li>
						<li class="content7"><a href="Shouhuo.jsp" class="content8">收货地址</a></li>
					</ul>
				</div>
				<div class="content10">
					<ul>
						<h3 class="content6">售后服务</h3>
						<li class="content7"><a href="#" class="content8">服务记录</a></li>
						<li class="content7"><a href="#" class="content8">申请服务</a></li>
						<li class="content7"><a href="#" class="content8">领取快递报销</a></li>
					</ul>
				</div>
				<div class="content11">
					<ul>
						<h3 class="content6">账户管理</h3>
						<li class="content7"><a href="#" class="content8">个人信息</a></li>
						<li class="content7"><a href="#" class="content8">修改密码</a></li>
						<li class="content7"><a href="#" class="content8">社区VIP认证</a></li>
					</ul>
				</div>
				<div class="content12">
					<div class="content13">
						<p class="content14">消息通知</p>
					</div>
					<div class="content15">
						<div class="content16">
						  <p>全部消息</p>
				          <hr size="20" style="margin-left: 80px ; margin-top: -20px;"/>
						</div>
						<div class="content17">
						  <p>物流动态</p>
				          <hr size="20" style="margin-left: 80px ; margin-top: -20px;"/>
						</div>
						<div class="content18">
						  <p>特惠活动</p>
						</div>
					</div>
					<hr style="width: 910px; margin-left: 30px; color: #f5f5f5; "/>
					<div class="content19">
						<p class="content20">暂无数据</p>
					</div>
				</div>
			</div>
		</div>
		<!--这是尾部-->
		<div id="footer">
			<div id="foot_box">
         <div id="foot_wrap">
             <div class="foot_top">
                 <ul>
                     <li >1小时快修服务</li>
                     <li class="font_top_i">|</li>
                     <li >7天无理由退货</li>
                     <li class="font_top_i">|</li>
                     <li >15天免费换货</li>
                     <li class="font_top_i">|</li>
                     <li >满150元包邮</li>
                     <li class="font_top_i">|</li>
                     <li >520余家售后网点</li>
                 </ul>
             </div>
             <div class="foot_bottom">
                 <div class="foot_bottom_l">
                     <dl>
                         <dt>帮助中心</dt>
                         <dd>购物指南</dd>
                         <dd>支付方式</dd>
                         <dd>配送方式</dd>
                     </dl>
                     <dl>
                         <dt>服务支持</dt>
                         <dd>售后政策</dd>
                         <dd>自助服务</dd>
                         <dd>相关下载</dd>
                     </dl>
                     <dl>
                         <dt>小米之家</dt>
                         <dd>小米之家</dd>
                         <dd>服务网点</dd>
                         <dd>预约亲临到店服务</dd>
                     </dl>
                     <dl>
                         <dt>关注我们</dt>
                         <dd>新浪微博</dd>
                         <dd>小米部落</dd>
                         <dd>官方微信</dd>
                     </dl>
                 </div>
                 <div class="foot_bottom_r">
                     <a>400-100-5678</a>
                     <a>周一至周日 8:00-18:00</a>
                     <a>（仅收市话费）</a>
                     <span> 联系客服</span>
                 </div>
             </div>
         </div>
         <div class="foot_note_box">
             <div class="foot_note_wrap">
                 <div class="foot_note_con">
                     <span class="foot_logo"><img src="img/mi-logo.png" width="38px" height="38px"></span>
						<span class="foot_note_txt">
							<a>小米网</a><h>|</h><a>MIUI</a><h>|</h><a>米聊</a><h>|</h><a>多看书城</a><h>|</h><a>小米路由器</a><h>|</h><a>小米后院</a><h>|</h><a>小米天猫店</a><h>|</h><a>小米淘宝直营店</a><h>|</h><a>小米网盟</a><h>|</h><a>问题反馈</a><h>|</h><a>Select Region</a>
						    <a>  mi.com 京ICP证110507号</a><a> 京ICP备10046444号 </a><a>京公网安备11010802020134号 </a><a>京网文[2017]1530-131号 </a><a>
								（京）网械平台备字（2018）第00005号</a><a> 互联网药品信息服务资格证 (京) -非经营性-2014-0090 </a><a>营业执照 </a><a>医疗器械公告 </a><a>
								增值电信业务许可证</a><a>  网络食品经营备案（京）【2018】WLSPJYBAHF-12 </a><a>  食品经营许可证 </a><a>
								违法和不良信息举报电话：171-5104-4404</a><a> 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</a>
						</span>
						
                 </div>
                 <div class="foot_note_logo">
                 	<img src="img/foot_1.png" id="foot_note_logo1"/>
                 	<img src="img/v-logo-2.png" />
                 	<img src="img/v-logo-1.png" />
                 	<img src="img/v-logo-3.png" />
                 	<img src="img/foot_5.png" />
                 </div>

             </div>
         </div>
     </div>
		</div>
	</div>
	<script type="text/javascript" src="JS/head.js"></script>
	<script type="text/javascript" src="JS/foot.js"></script>
	</body>
	</html>